<template>
	<view>
		
		<u-row gutter="12">
		<u-col span="3"  offset="1.3"   style="margin-top: 40rpx; ;">
			<text class="title">我的课程</text>
		</u-col>
		
		</u-row>
		<u-row >
		<u-col >
				<u-card :show-head="false"  :show-foot="false">
						<view class="" slot="body">
							<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0" v-for="(O,index) in myCourseData">
								<u-row style="width: 100%; position: relative; font-size: 30rpx;" >
														<u-col :span="5">
															<image :src="O.courseImage" mode="scaleToFill"></image>
														</u-col>
								
														<u-col :span="7">
															<!-- <u-row style="position: relative; top: 0px;"> -->
																<view style="position: absolute; top: 0rpx;">{{O.courseName}}</view>
															<!-- </u-row>j -->
															<!-- <u-row> -->
																<view style="position: absolute; bottom: 10rpx; color: #bfc4cb; font-size: 25rpx;">
																	<!-- <image src="../../../static/teacherHeadFill.png" style="width: 30rpx; height: 35rpx; position: absolute; bottom: 0rpx;"/> -->
																	<u-icon name="account"></u-icon>
																	<text>{{O.courseTeacher}}</text>
																</view>
															<!-- </u-row> -->
														</u-col>
								
													</u-row>
							</view>
							
						</view>
					</u-card>
		</u-col>
		</u-row>
		
	</view>
</template>

<script>
	
	
	export default {
		
		props: {
			myCourseData:Array
		},
		
		data() {
			return {
				
			}
		},
		onLoad() {},
		methods: {}
	}
</script>

<style>
		.title{
			font-size: 40rpx;
			font-weight: bold;
			left: 8%;
		}
	
		#teacher uni-text {
			margin-bottom: 10rpx;
		}
	
		#card {
			/* position:absolute; */
			padding-left: 0rpx;
		}
	
		.u-body-item {
			font-size: 20rpx;
			color: #020202;
			padding: 10rpx 10rpx;
			border-color: #FFFFFF;
		}
	
		#name {
			font-size: 30rpx;
			position: absolute;
			left: 100px;
			top: 5px;
			padding: 0px;
			margin: 0px
		}
	
		#teacher image {
			height: 30rpx;
			width: 30rpx;
			bottom: 0rpx;
		}
	
		#teacher {
			position: absolute;
			bottom: 10px;
			padding: 0px;
			margin: 0px;
			left: 100px;
		}
	
		.u-body-item image {
			width: 220rpx;
			height: 150rpx;
			border-radius: 8rpx;
			margin-right: 12rpx;
		}
</style>
